<style lang="scss" scoped>
  @import '../../styles/common/loading.less';
  .container{
    border: none !important;
    margin-top: 4px;
  }
  .el-col-offset-1 {
    margin-left: 0%;
  }
  .button_a {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);

  }
  .col_a {
    margin-left: 2%;
  }
  .el-card {
    height: 200px;
  }

  .el-button--primary {
    background-color: rgba(255, 138, 0, 1);
    border-color: rgba(255, 138, 0, 1);
  }
</style>
<template>
  <!-- 调查历史详情页面 -->
  <div>
    <div style="width:98%;height:100%;margin: 6px 12px;">
      <el-collapse v-model="activeNames" @change="handleChange"  >
        <el-collapse-item title="历史轨迹信息"  name="1">
          <!-- 基本信息 -->
          <template>
            <el-form :model="form" class="info-submit-form">
              <el-row type="flex">
                <el-col :span="8">
                  <el-form-item label="大病赔案号">
                    <el-input  v-model="form.caseNo" placeholder="请输入任务号" disabled style="width: 100%"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="保单号" label-width="90px">
                    <el-input v-model="form.policyNo" disabled placeholder="请输入被保险人"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="被保险人" label-width="90px">
                    <el-input v-model="form.insuredName" disabled placeholder="请输入被保险人"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="8">
                  <el-form-item label="社/医保号">
                    <el-input v-model="form.medicalInsuranceNo" disabled placeholder="请输入社保号"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" >
                  <el-form-item label="证件类型">
                    <el-input v-model="form.documentType" disabled placeholder="请输入证件类型"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" >
                  <el-form-item label="证件号">
                    <el-input v-model="form.documentNo" disabled placeholder="请输入证件号"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="8"  >
                  <el-form-item label="调查原因" label-width="90px">
                    <el-input v-model="form.surveyReason" disabled placeholder="请输入原因"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8" >
                  <el-form-item label="原因描述">
                    <el-input v-model="form.surveyDescribe" disabled placeholder="请输入原因描述"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="24">
                  <el-form-item label="地点描述">
                    <el-input show-word-limit disabled v-model="form.addressDesc" type="textarea" ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="24">
                  <el-form-item label="经过">
                    <el-input show-word-limit disabled  v-model="form.surveyProcess" type="textarea"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="24">
                  <el-form-item label="描述">
                    <el-input  show-word-limit disabled v-model="form.surveyRemark" type="textarea" ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row type="flex">
                <el-col :span="24">
                  <el-form-item label="结论">
                    <el-input show-word-limit disabled  v-model="form.surveyResult" type="textarea" ></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
            </el-form>
          </template>
        </el-collapse-item>
      </el-collapse>
      <el-collapse style="margin-top: 10px" v-model="activeNames" @change="handleChange"  >
        <el-collapse-item title="审核意见"  name="2">
          <div style="height: 20px;margin-top: 10px;margin-left: 5px">
            <span>审核意见</span>:
            <el-radio disabled v-model="auditOpinion" label="03" style="margin-left: 20px">同意</el-radio>
            <el-radio disabled v-model="auditOpinion" label="04">返回</el-radio>
          </div>
          <div style="margin-top: 10px">
            <el-input disabled placeholder="请输入内容" v-model="remark">
              <template slot="prepend">审核备注</template>
            </el-input>
          </div>
          <div style="margin-top: 20px">
            <el-input disabled placeholder="请输入内容" v-model="evaluate">
              <template slot="prepend">评价短语</template>
            </el-input>
          </div>
        </el-collapse-item>
      </el-collapse>
      <div style="margin-top: 25px;text-align: center;height: 70px">
        <el-button type="primary" size="medium" style="width: 9%"  @click="onSubmitResearCheck">关闭</el-button>
      </div>
    </div>
  </div>
</template>

<script>
  import * as api from '@/api/baseDate'
  export default {
    name: 'researchManage',
    data() {
      return {
        evaluate:'',
        remark:'',
        auditOpinion:'',
        Successdialog:false,
        Sencond:5,
        form:{},
        activeNames: ['1','2','3'],
        time: 0,
        item:0,
      };
    },
    created() {
      this.form=JSON.parse(this.$route.query.form);
      if (this.form.surveyReason ==='1' ) {
        this.form.surveyReason='频繁报销'
      } else if (this.form.surveyReason === '2') {
        this.form.surveyReason='异地就医'
      } else if (this.form.surveyReason === '9') {
        this.form.surveyReason='其它'
      }
      this.auditOpinion=this.form.auditOpinion;
      this.remark=this.form.remark;
      this.evaluate=this.form.evaluate;
    },
    methods: {
      applicant(row){
        /*this.researchCheck=row,
          console.log(this.researchCheck)
        this.$router.push({
          name: 'researchCheck',
          params: {researchCheck: this.researchCheck}
        })*/
      },
      onSubmitResearCheck() {
        // this.$router.go(-1)
        if(JSON.parse(this.$route.query.its) === 1) {
          // this.$router.push('researchCheck')
          this.$router.push({
            name: 'surveyTaskAudit',
            query: {
              researchCheck: JSON.stringify(JSON.parse(this.$route.query.formInline)),
              item: JSON.stringify(JSON.parse(this.$route.query.item))
            }
          })
        } else {
          // this.$router.push('researchTaskDetail')
          this.$router.push({
            name: 'surveyTaskAuditDetail',
            query: {
              researchTaskDetail: JSON.stringify(JSON.parse(this.$route.query.formInline)),
              item: JSON.stringify(JSON.parse(this.$route.query.item))
            }
          })
        }

      },
      researchCheckSearch(){
        this.Successdialog=false
        // this.$router.push({name:'researchCheckSearch'});
      },
//   封装一个方法
      countDown() {
        let THIS = this;
        THIS.time--;
      },
    },
    mounted() {

    },
    watch: {
      //   监听time的值
      time: function (newVal) {
        if (newVal == 0) {
          // this.$router.push({name:'researchCheckSearch'});
          // this.Successdialog=false
        }
      },
    },
  };
</script>